<!--常用英雄-->
<div class="player-base-hero p-m">
    <div class="box">
            <ul class="header">
                <li  class="head cur " name="hie"> 常用英雄</li>
                <li class="head "  name="hie">最Carry英雄</li >
            </ul>
        <div>
            <div class="body">
                <ul class="hero-list p-clear-fix">
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Co tent/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">17</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">20</i> %</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="body" style="display: none;">
                <ul class="hero-list p-clear-fix">
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span><i class="p-arial">54</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


    </div>
</div>

